<template>
	<view class="container">
		<TopBtn :title="title"></TopBtn>
		<view class="listTitle">
			<view class="listTitleleft">
				<image src="@/static/index/shu.png" mode=""></image> 基本信息
			</view>
		</view>
		<view class="info">
			<view class="row">
				<view class="title">
					公司名称
				</view>
				<view class="right">
					郑州福斯特电子有限公司
				</view>
			</view>
			<view class="row">
				<view class="title">
					公司介绍
				</view>
			</view>
			<view class="text">
				郑州福斯特电子有限公司成立于1999年，注册资金100万，员工40余人，是河南省郑州市一家专业做装载机电子秤的公司。公司的产品主要用于货场、矿山、治金、化工、能源交通等企事业单位和个体的装载机上，充分发挥产品的优势，提高劳动效率，防止车辆的超载。优秀的员工，先进的技术，精良的设备，严格的管理是公司得以不断发展养大、产品能够赢得用户依靠的根本所在。“精确、可靠、专业”是我们生产精神和服务信念
			</view>
			<view class="row">
				<view class="title">
					联系方式
				</view>
				<view class="right">
					李经理：13987654098
				</view>
			</view>
			<view class="row">
				<view class="title">
					联系地址
				</view>
				<view class="right">
					山东省淄博市高新区金达大厦
				</view>
			</view>
		</view>

		<view class="btn">
			<image @click="toggle()" src="@/static/index/btn.png" mode=""></image>
		</view>
		<view>
			<!-- 普通弹窗 -->
			<uni-popup ref="popup">
				<view class="pup">
					<view class="top">
						<image class="wyly" src="@/static/pup/wyly.png" mode=""></image>
						<image class="guanbi" @click="close()" src="@/static/pup/x.png" mode=""></image>
					</view>
					<view class="from">
						<uni-forms ref="valiForm" label-width="140" :modelValue="valiFormData">
							<uni-forms-item label="内容" name="nickname">
								<uni-easyinput v-model="valiFormData.name" :clearable='false' placeholder="请输入内容" />
							</uni-forms-item>
							<uni-forms-item label="上传附件" name="nickname">
								<uni-file-picker limit="9"  title=""></uni-file-picker>
							</uni-forms-item>
						</uni-forms>
					</view>
					<view class="Pupbtn">
						提交
					</view>
				</view>
			</uni-popup>
		</view>
	</view>
</template>

<script>
	import TopBtn from '@/components/TopBtn2.vue';
	export default {
		data() {
			return {
				title: '公司资料',
				valiFormData: {
					name: ""
				}
			}
		},
		components: {
			TopBtn
		},
		methods: {
			search(res) {
				uni.showToast({
					title: '搜索：' + res.value,
					icon: 'none'
				})
			},
			toggle() {
				this.$refs.popup.open()
			},
			close() {
						this.$refs.popup.close()
					}
		}
	}
</script>

<style lang="less" scopde>
	/deep/.v-tabs__container {
		background-color: #fff0 !important;
	}

	/deep/.is-input-border {
		border: none;
		text-align: left;
	}

	/deep/.uni-forms-item {
		// align-items: center;
		// border-bottom: 1px solid #F0F0F0;
	}

	/deep/.uni-file-picker__container {
		justify-content: left;
		padding-bottom: 5rpx;
	}

	/deep/.uni-forms-item__error {
		text-align: left;
		left: 0;
	}

	/deep/.is-input-border {
		border: none !important;
	}

	/deep/.is-disabled {
		background-color: #fff !important;
	}

	.container {
		.listTitle {
			padding: 30rpx 30rpx;
			display: flex;
			align-items: center;
			margin: 26rpx 0 0;
			border-bottom: #ECECEC 1px solid;

			.listTitleleft {
				display: flex;
				align-items: center;

				image {
					width: 6rpx;
					height: 36rpx;
					margin-right: 11rpx;
				}

				font-size: 30rpx;
				font-weight: bold;
				color: #333333;
			}

			text {
				display: inline-block;
				height: 27rpx;
				line-height: 27rpx;
				padding: 0 20rpx;
				background: #BAA586;
				border-radius: 12rpx 0rpx 12rpx 0rpx;
				font-size: 22rpx;
				font-weight: 500;
				color: #FFFFFF;
				margin-left: 17rpx;
			}
		}

		.info {
			margin: auto;
			width: 690rpx;
			min-height: 201rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(153, 153, 153, 0.24);
			border-radius: 15rpx;
			padding: 30rpx 30rpx 0;
			box-sizing: border-box;

			.row {
				display: flex;
				height: 90rpx;
				align-items: center;
				justify-content: space-between;
				border-bottom: #ECECEC 1px solid;
				font-size: 32rpx;
				font-weight: 500;
				color: #333333;

				.right {
					font-weight: 500;
					color: #666666;
				}

				.text {
					text-indent: 24px;
				}


			}
		}

		.btn {
			image {
				display: block;
				margin: 67rpx auto 0;
				width: 630rpx;
				height: 88rpx;
			}
		}

		.pup {
			width: 596rpx;
			height: 733rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 2rpx 4rpx 0rpx rgba(153, 153, 153, 0.77);
			border-radius: 15rpx;
			padding: 15rpx;
			box-sizing: border-box;

			.top {
				height: 236rpx;
				position: relative;

				.wyly {
					position: absolute;
					left: 50%;
					top: 50%;
					transform: translate(-50%, -50%);
					width: 268rpx;
					height: 236rpx;
				}

				.guanbi {
					position: absolute;
					right: 0%;
					width: 47rpx;
					height: 47rpx;
				}
			}

			.from {
				margin: 0 auto 45rpx;
				width: 475rpx;
				height: 285rpx;
				padding: 20rpx;
				box-sizing: border-box;
				background: #FFFFFF;
				border: 1px solid #EEEEEE;
			}
			.Pupbtn{
				margin: auto;
				width: 475rpx;
				height: 82rpx;
				background-image: url("@/static/pup/btn.png");
				background-size: 100% 100%;
				font-size: 28rpx;
				font-weight: bold;
				color: #FFFFFF;
				line-height: 28rpx;
				text-align: center;
				line-height: 82rpx;
			}
		}

	}
</style>